@charset "utf-8";
/* CSS Document */

body{
	background: #fff;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}
	
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
ul,ol{
	padding: 0; margin: 0;
}	
.bc-social{
	padding: 0;background-color:#e9e9e9;border-bottom:2px solid #dcdcdc;
}
.bc-social-buttons{
	margin: 0 auto;padding-left:0;list-style:none;width:80%;
	}
.bc-social-buttons li{
	display:inline-block;line-height:1;font-size:16px; float: left; text-align: center; z-index: 2; padding: 15px 0; margin-bottom: -2px; cursor: pointer;
}
.bc-social-buttons li a{
	display: block; width: 100%;
}
.bc-social-buttons li.active{
	border-bottom: 2px solid #4dc5d5;
}
.bc-social-buttons li.active a{
	color: #22a7ba;
}
.bc-social-buttons li.active a:hover{
	color: #1d96a7;
}
@media (max-width: 480px) {
    .container span{
          padding-top:0;
     }
}
.tab-content{
	/*position: relative;*/
}
.row-music{
	min-height: 100%;background: #fff;padding-bottom: 20px;
}
.row-music li{
	list-style: none;float: left;width: 92%; border-bottom: 1px solid #ececec; padding: 15px 4%;cursor:pointer
}
.row-music li p{
	margin: 0
}
.row-music .nummeber{
	width: 22px;height: 22px; color: #333; border-radius: 20px; text-align: center;line-height: 150%;font-size: medium;
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); float: left; margin-top: 1%;
}
.row-music .num{
	width: 22px;height: 22px; color: #fff; border-radius: 20px; text-align: center;line-height: 130%;font-size: medium;
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); float: left; margin-top: 1%;
}
.row-music .num01{
	background: #ff6000;
}
.row-music .num02{
	background: #fc7a11;
}
.row-music .num03{
	background: #ee9c53;
}
.row-music .num04{
	background: #cccccc;
}
.listdectwo{
	float: left; padding: 0 15px; width: 45%; overflow: hidden;text-overflow: ellipsis;
}
.listdectwo span {
	line-height: 28px;color: #141414;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;font-size: medium;
}

#portlet_tab1 li .musicpic{
	display:none
}

.listdectwo .listtext ,.listdectwo .songer{
	font-size: 12px;color: #808080;line-height: 14px;height: 14px;
}
.listdectwo .listtext{
	display:none
}
.icon01 .pause{
	display:none
}

.playing .listtext{
	display:block;
}
.playing .pause{
	display:block
}

#portlet_tab1 li.playing .musicpic{
	display:block
}

.listdectwo .listtext small{
	font-size: small;
}
.row-music li p.icon01 {
    margin: 1% 0.5rem 0 0px; float: right;
}
.row-music li p.icon01 a{
	text-align: center; display: block;padding-top: 10%; float: left; margin-left: 10px;
}
.row-music li.playing{
	background: #f8f8f8; border-left: 4px solid #4dc5d5; width: 91.7%;
}
.musicxx{
	border-bottom: 1px dotted #cccccc; padding-bottom: 10px;
}
.musicpic{
	float: left; padding-left: 10px;
}
.musicpic img{
	width: 50px; height: 50px;
}
.song{
	max-height: 200px;overflow-y: scroll;overflow-x: hidden;padding-left: 40px;border-top:1px dotted #cccccc;
	margin-top:10px;display:none;padding-top:10px;width: 95%;word-wrap: break-word;
}
.playing .song{
	display:block;
}
.download{
	float: right;padding-top: 5px; width: 30%;text-align: right;overflow: hidden;height: 20px;
}
.download  a{
	display: block;overflow: hidden;
}
.playing .song{
	display:block
}
.kecaozuo{
	width: 70%; float: left; 
}
.more{
	background: #fafafa;
	background:-moz-linear-gradient(top,#fafafa,#e5e4e2);/*Mozilla*/
	background:-webkit-linear-gradient(top,#fafafa,#e5e4e2);/*new gradient for Webkit*/
	background:-o-linear-gradient(top,#fafafa,#e5e4e2); /*Opera11*/
	width: 96%;height: 32px; font-size: large;margin: 20px auto; border: solid 1px #ccc; line-height: 32px; 
	display: block; text-align: center;color: #666;	
}
.more:hover{
	color: #666;	
}
.more:active{
	background: #e5e4e2;
	background:-moz-linear-gradient(top,#e5e4e2,#fafafa);/*Mozilla*/
	background:-webkit-linear-gradient(top,#e5e4e2,#fafafa);/*new gradient for Webkit*/
	background:-o-linear-gradient(top,#e5e4e2,#fafafa); /*Opera11*/
	width: 96%;height: 32px; font-size: large;margin: 20px auto; border: solid 1px #ccc; line-height: 32px; 
	display: block; text-align: center;
	
}
.error_pop{
	background: #000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; 
	border: solid 1px #b6b6b6; box-shadow: 1px 1px 5px #999; position: fixed; width: 40%; color: #fff; 
	text-align: center; padding: 12px 20px;left: 25%; bottom: 12%;font-size: small;display:none;
}
.mplayer{
	background: #000; position: fixed; text-align: center; bottom: 0;
}
@media (min-width: 320px) and (max-width: 480px) {
	.listdectwo{
		float: left; padding: 0 10px; width: 38%; overflow: hidden;text-overflow: ellipsis;
     }
	.row-music li.playing {
		background: #f8f8f8;border-left: 4px solid #4dc5d5;width: 90.7%;
	}
	.song{
	width: 90%;
}
}
@media (max-width: 480px) {
	.listdectwo{
		float: left; padding: 0 10px; width: 45%; overflow: hidden;text-overflow: ellipsis;
     }
	.row-music li.playing {
		background: #f8f8f8;border-left: 4px solid #4dc5d5;width: 91.0%;
	}
	.song{
	width: 90%;
    }
}



































